<template>
  <div>
    <p>{{ moe }}</p>
    <p>{{ moe | reverse }}</p>
    <p>{{ moe | toUpper }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      moe: "hello,world",
    }
  },
  filters: {
    reverse: (value) => {
      return value.split("").reverse().join("");
    },
    toUpper:(value)=>{return value.toUpperCase()}
  },
};
</script>

<style>
</style>